<template>
  <div class="app">
    <h3>我是App组件</h3>
  </div>
</template>

<script>
import {
  isProxy,
  isReactive,
  isReadonly,
  isRef,
  reactive,
  readonly,
  ref,
  toRefs,
} from "@vue/reactivity";

export default {
  name: "App",
  setup() {
    let car = reactive({
      name: "奔驰",
      price: "40W",
    });
    let sum = ref(0);
    let car2 = readonly(car);

    console.log(isRef(sum));
    console.log(isReactive(car));
    console.log(isReadonly(car2));
    console.log(isProxy(car2));

    return {
      ...toRefs(car),
    };
  },
};
</script>

<style></style>
